<template>
  <div class="header">
    <!-- 我们接收的props可以直接在组件实例上进行访问到 -->
    <h1>Header:count:{{ count }}</h1>
  </div>
</template>

<script>
export default {
  name: "Header",
  //我们使用props配置项 来接收父组件传递的props数据,props配置项的基础写法就是一个数组

  props: ["count"],
  data() {
    return {};
  },
  mounted() {
    console.log(this, "header");
  },
};
</script>

<style>
.header {
  border: 1px solid #000;
}
</style>
